<template>
  <section>
    <el-form label-width="100px">
      <el-row :gutter="20">
        <el-col :span="6">
          <div>
            <el-form-item label="考点查询">
              <el-input type="text" placeholder="考点查询" prefix-icon="el-icon-edit"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="6">
          <div>
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" round size="mini">按名称检查</el-button>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
    </el-form>
    <el-table :data="tableData" style="width: 100%">
      </el-table-column>
      <el-table-column label="序号" prop="index" :indexMethod="indexMethod" width="150"></el-table-column>
      <el-table-column label="内容" prop="name" width="800"></el-table-column>
      <el-table-column label="操作" prop="name" width="200">
         <template slot-scope="scope">
           <el-button size="medium">查看</el-button>
           <el-button size="medium">编辑</el-button>
           <el-button size="medium" type="danger">删除</el-button>
         </template>
      </el-table-column>
    </el-table>
  </section>
</template>
<script>
export default {
  data(){},
  methods:{
      indexMethod(index) {
            return index + 1;
        },
  }
}
</script>

<style>
.demo-table-expand {
    font-size: 0;
}
.demo-table-expand label {
    width: 90px;
    color: #99a9bf;
}
.demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
}
</style>
